آموزش پروژه‌های React برای مبتدیان ۲۰۲۶ - ساخت اولین پورتفولیوی توسعه‌دهنده [ویدئویی] - آخرین آپدیت

سرفصل ها و درس ها

شروع به کار Getting Started

• مقدمه Introduction

• چرا از Hookها استفاده کنیم؟ Why Hooks?

• معماری پروژه Project Architecture

• راه‌اندازی اولیه پروژه Bootstrapping Project

• معرفی Prettier Prettier

• راه‌اندازی API محلی Setting Up Local API

ساخت کامپوننت‌های پایه Creating Basic Components

• نصب Router Installing Router

• افزودن نوار بالای صفحه (Topbar) Adding Topbar

• رندر کردن صفحه ورود Rendering Login Page

• هوک useState useState Hook

• استفاده از useState برای صفحه ورود useState Hook for Login Page

معرفی useEffect و بهبود احراز هویت Introducing useEffect & Improving Authentication

• هوک useRef useRef

• هوک useEffect useEffect

• انجام Fetch در داخل Effect Making Fetch Inside Effect

• هوک useFetch useFetch Hook

• ساخت هوک useFetch Creating useFetch Hook

• صفحه ثبت‌نام Register Page

• ذخیره توکن کاربر Saving User Token

• هوک سفارشی LocalStorage LocalStorage Custom Hook

• بررسی Exhaustive Deps Exhaustive Deps

• کانتکست کاربر فعلی (Current User Context) Current User Context

• خطاهای اعتبارسنجی Validation Errors

• دریافت اطلاعات کاربر فعلی Fetching Current User

• هوک useCallback useCallback Hook

ساخت فید (Feed) Creating Feed

• بهبود نوار بالای صفحه Improving Topbar

• ساخت فید Creating Feed

• پیاده‌سازی صفحه‌بندی (Pagination) Implementing Pagination

• افزودن تگ‌های محبوب Adding Popular Tags

• تغییردهنده حالت فید (Feed Toggler) Feed Toggler

• پیاده‌سازی فید بر اساس تگ Implementing Tag Feed

• پیاده‌سازی فید شخصی شما Implementing Your Feed

پیاده‌سازی صفحات مقاله Implementing Article Pages

• صفحه مقاله Article Page

• هوک useReducer useReducer

• فرم مقاله Article Form

• ایجاد مقاله Create Article

• ویرایش مقاله Edit Article

• حذف مقاله Delete Article

افزودن صفحات کاربر Adding User Pages

• صفحه تنظیمات Settings Page

• افزودن به علاقه‌مندی‌ها Add to Favorites

• صفحه پروفایل کاربر User Profile Page

• پیاده‌سازی مقالات کاربر Implementing User Articles

• کال‌بک useEffect useEffect Callback

گام‌های بعدی Next Steps

• تکلیف منزل Homework